﻿<%@ Page Language="C#" AutoEventWireup="true"  Inherits="ZX.Web.UI.Controls.BasePage" %>

<%@ Register Assembly="ZX.Web.UI.Controls" Namespace="ZX.Web.UI.Controls" TagPrefix="cc1" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>组织结构图</title>
     <link href="../Styles/jquery.orgchart.css" rel="stylesheet" type="text/css" />
    <style type='text/css'>
    body {
      font-family      : Ubuntu, SansSerif
    }
 
    h1 {
      padding-bottom   : 10px;
      text-align       : center;
    }
 
    h2 {
      margin-top       : 0px;
      margin-bottom    : 8px;
    }
 
    p {
      margin           : 0px;
      padding          : 0px;
      line-height      : 1.5em;
    }
 
    div#text {
      padding          : 10px;
    }
    </style>
      <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
      <script src="../Scripts/jquery.textchildren.js" type="text/javascript"></script>
      <script src="../Scripts/jquery.orgchart.js" type="text/javascript"></script>
    <script>
        $(function () {
            $("#showList").click(function () {
                $("#org").toggle();
                return false;
            });

            $("#org").orgChart({
                levels: -1,
                stack: false,
                nodeText: function ($node) { return $node.textChildren(); }
            },
          $("#main")); 
//                $(".node").click();
            });
    </script>
  </head>
 
  <body>
 

 
    <div id="main">
    </div>
 

 <div style="display: none;">
      
    <ul id="org" style="display: none;">
        <cc1:TreeView ID="TreeView1" runat="server"></cc1:TreeView>
    </ul>
 </div>
  </body>
 
</html>
